/** 函数式组件 */

// 声明一个计数器
let count = 10

function add() {
  ++count
  console.log("count数据：", count)
}

function sub() {
  --count
  console.log("count数据：", count)
}

// 函数式组件通过参数，接受自定义属性
function ComFunc(props) {
  return (
    <div>
      <h3>1、函数式组件的使用</h3>
      <h5>自定义属性：{props.cname}</h5>
      <h5> - 函数式组件默认不维护状态数据</h5>
      <h5> - 函数式组件中可以使用全局变量</h5>
      <h5> - 函数式组件中默认没有通知更新的API，视图无法刷新</h5>
      <h5>计数器数据：{count}</h5>
      <div>
        <button onClick={add}>增加</button>
        <button onClick={sub}>减少</button>
      </div>
    </div>
  )
}

export default ComFunc